@charset "utf-8";
.reg_login {
    float: right;
    height: 50px;
    line-height: 50px;
    width: 260px
}
.reg_login a {
    color: #FFF;
    float: right;
    margin: 0 0 0 8px
}
.yy_nav .set_up {
    float: right;
    height: 50px;
    line-height: 50px;
    position: relative;
    width: 260px
}
.yy_nav .set_up .mail_icon {
    float: right;
    height: 22px;
    margin: 19px 0 0;
    position: relative;
    width: 22px
}
.yy_nav .set_up .mail_icon a {
    display: block;
    height: 22px;
    width: 22px
}
.yy_nav .set_up .mail_icon a i {
    background: url("../../images/system/icons.png") -70px -65px no-repeat;
    display: block;
    height: 12px;
    left: 14px;
    position: absolute;
    top: -3px;
    width: 13px
}
.yy_nav .set_up .mail_icon a span {
    background: url("../../images/system/bell.png") no-repeat;
    display: block;
    float: left;
    height: 22px;
    margin: -3px 0 0 2px;
    width: 22px
}
.yy_nav .set_up span {
    color: #FFF;
    float: right;
    margin: 0 25px 0 0
}
.yy_nav .set_up span a {
    color: #FFF
}
.yy_nav .set_up em {
    background: url("../../images/system/shezhi_dot.png") no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    height: 22px;
    margin: 16px 8px 0 18px;
    width: 22px
}
.yy_nav .set_up .mail_icon .mail_num {
    background: #FFF;
    border: 1px solid #ff6599;
    cursor: pointer;
    left: -55px;
    padding: 4px 0 0;
    position: absolute;
    top: 25px;
    width: 123px;
    z-index: 10
}
.yy_nav .set_up .mail_icon .mail_num p {
    background: #FFF;
    border-top: 0 none;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 17px;
    width: 106px
}
.yy_nav .set_up .mail_icon .mail_num p:hover {
    background: none repeat scroll 0 0 #faeff3
}
.yy_nav .set_up .mail_icon .mail_num p span {
    color: #333;
    float: left;
    margin: 0
}
.yy_nav .set_up .mail_icon .mail_num p a {
    color: #06c;
    display: inline;
    float: right;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    line-height: normal;
    margin: 13px 18px 0 0;
    text-decoration: underline;
    width: auto
}
.yy_nav .set_up .mail_icon .mail_num p font {
    color: #333;
    float: left
}
.yy_nav .set_up .mail_icon .mail_num p strong {
    background: url("../../images/system/mail_icon.jpg") no-repeat;
    color: #FFF;
    display: block;
    float: left;
    height: 18px;
    line-height: 18px;
    margin: 5px 0 0 10px;
    text-align: center;
    width: 30px
}
.yy_nav .set_up .mail_icon .mail_num p a:hover {
    background: none repeat scroll 0 center rgba(0,0,0,0)
}
.yy_nav .set_up .mail_icon .mail_num .dot {
    background: url("../../images/system/dot.gif") no-repeat;
    display: block;
    height: 5px;
    left: 62px;
    position: absolute;
    top: -5px;
    width: 9px
}
.set_tip {
    background: #FFF;
    position: absolute;
    right: 0;
    top: 43px;
    width: 100px;
    z-index: 10
}
.set_tip .dot {
    background: url("../../images/system/dot.gif") no-repeat;
    display: block;
    height: 5px;
    position: absolute;
    right: 16px;
    top: -5px;
    width: 9px
}
.set_tip ol {
    border-style: none solid solid;
    border-width: 0 1px 1px;
    overflow: hidden;
    padding: 7px 0 0;
    width: 98px
}
.set_tip ol li {
    float: left;
    height: 24px;
    line-height: normal;
    margin: 0 0 5px;
    width: 98px
}
.set_tip ol li a {
    display: block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 98px
}
.set_tip ol li a:hover {
    background: #faeff3
}
.set_tip ol .last {
    border-top: 1px solid #f3e4e9;
    height: 26px;
    line-height: 26px;
    margin: 0;
    width: 98px
}
.set_tip ol .last a {
    background: #fff6f9;
    color: #d17695;
    height: 26px;
    width: 98px
}
.set_tip ol .last a:hover {
    background: #fff6f9
}
#play {
    width: 980px;
    height: 350px;
    margin: 60px auto 0;
    position: relative;
    overflow: hidden;
    _margin: 10px auto 0
}
.packet {
    width: 653px;
    height: 350px;
    float: left;
    position: relative;
    overflow: hidden
}
#play .packet ol {
    width: 80px;
    position: absolute;
    right: 2px;
    bottom: 20px;
    z-index: 20
}
#play .packet ol li {
    width: 8px;
    height: 8px;
    display: block;
    background-color: #fff;
    float: left;
    margin: 0 10px 0 0
}
#play .packet ol li.active {
    background-color: #DD016F;
}
#play .packet ul {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    background: white;
    width: 100%;
    height: 350px
}
#play .packet ul li {
    position: absolute;
    width: 100%;
    height: 350px;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    filter: alpha(opacity:0);
    opacity: 0;
    text-align: center;
    z-index: 0
}
#play .packet ul li:nth-child(3) {
    opacity: 1;
}
.yy_login {
    width: 320px;
    height: 350px;
    background: #fff;
    float: right
}
.yy_ligon_info {
    width: 320px;
    height: 350px
}
.yy_enroll ul {
    width: 320px;
    overflow: hidden
}
.yy_enroll ul li {
    width: 160px;
    float: left
}
.yy_enroll ul li {
    width: 160px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: block;
    font-family: "微软雅黑";
    font-size: 14px;
    background: #f5f5f5
}
.yy_enroll ul li.a_out {
    color: #ff6599;
    background: #FFF
}
.yy_enroll ol {
    width: 320px
}
.yy_enroll ol li {
    width: 320px;
    height: 24px;
    line-height: 24px;
    margin: 12px 0 0 0;
    float: left
}
.yy_enroll ol li label {
    width: 90px;
    float: left;
    text-align: right;
    color: #777
}
.yy_enroll ol li .inpt {
    width: 180px;
    height: 22px;
    *height: 20px;
    border: 1px solid #dfdfdf;
    line-height: 22px;
    padding: 0 0 0 8px;
    color: #CCC
}

.yy_enroll ol li .inpt:hover {
    width: 178px;
    height: 20px;
    line-height: 22px;
    border: 2px solid #ff7ca6;
    padding: 0 0 0 8px
}
.yy_enroll ol li .inpt2 {
    width: 100px;
}
.yy_enroll ol li .inpt2:hover {
    width: 100px;
}
.yy_enroll ol li img {
    float: right;
    margin-right: 50px;
}
.yy_enroll ol li .input_out {
    font-weight: bold;
    color: #333;
    font-family: Verdana
}
.yy_enroll ol li span {
    width: 104px;
    float: left
}
.yy_enroll ol li .sex {
    width: 55px
}
.yy_enroll ol li font {
    color: #f60
}
.yy_enroll ol li span label {
    width: auto
}
.yy_enroll ol li span label.black {
    color: #4d4d4d
}
.yy_enroll ol li span input {
    float: left;
    margin: 5px 5px 0 0;
    *margin: 1px 5px 0 0
}
.old_01 {
    float: left;
    position: relative
}
.yy_enroll ol li .old_01 span {
    display: block;
    width: 55px;
    height: 22px;
    line-height: 22px;
    padding: 0 0 0 20px;
    cursor: pointer;
    color: #575757;
    background: #fff;
    border: 1px solid #dfdfdf;
    position: relative
}
.old_01 em {
    background: url(../../images/system/select.png) no-repeat;
    height: 4px;
    position: absolute;
    right: 14px;
    top: 10px;
    width: 7px
}
.old_01 .more_oldL {
    background: #FFF;
    border: 1px solid #e0e0e0;
    max-height: 186px;
    height: 186px;
    overflow-y: auto;
    padding: 0 0 0 20px;
    position: absolute;
    top: 22px;
    left: 0;
    width: 55px;
    z-index: 20
}
.old_01 .more_oldL li {
    color: #585858;
    cursor: pointer;
    width: 55px;
    _width: 35px;
    height: auto;
    line-height: 24px;
    margin: 0;
    clear: both;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}
.old_01 .more_oldL .current, .old_01 .more_oldL li:hover {
    color: #fe7fa8
}
.yy_enroll ol .ljzc, .yy_enroll ol .dlzh {
    height: 40px
}
.yy_enroll ol .ljzc a, .yy_enroll ol .dlzh a {
    display: block;
    width: 270px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    background: #ff7ea7;
    font-weight: bold;
    font-family: "微软雅黑"
}
.yy_enroll ol .ljzc a:hover, .yy_enroll ol .dlzh a:hover {
    background: #f65e8f
}
.yy_enroll .zjdl {
    padding: 10px 0 0 0;
    display: none
}
.yy_enroll .zjdl li {
    margin: 15px 0 0 0
}
.yy_enroll ol .dlzh {
    margin: 25px 0 0 0
}
.yy_enroll ol .remember input {
    margin: 5px 5px 0 25px;
    float: left
}
.yy_enroll ol .remember em {
    font-style: normal;
    float: left;
    color: #999
}
.yy_enroll ol .remember a {
    text-decoration: underline;
    float: right;
    margin: 0 20px 0 0;
    color: #999
}
.yy_enroll ol .wrong {
    margin: 5px 0 -5px 28px;
    color: red
}
#loginMsg {
    display: inline;
    margin-left: 50px;
    color: #f00
}
.yy_enroll ol .wrong strong {
    color: #f00;
    font-weight: normal;
    margin: 0 0 0 29px
}
.yy_enroll ol li.qq_login {
    width: 258px;
    margin: 20px 0 0 30px;
    _margin: 14px 0 0 17px;
    z-index: -1
}
.yy_enroll ol li.qq_login a.home_icon {
    display: block;
    width: 92px;
    height: 18px;
    margin: 4px 4px 0 0
}
.yy_enroll ol li.qq_login .wb {
    float: left;
    background: url(../../images/system/home_icon.png) 0 -115px no-repeat
}
.yy_enroll ol li.qq_login .wb:hover {
    background: url(../../images/system/home_icon.png) -99px -115px no-repeat
}
.yy_enroll ol li.qq_login .qq {
    float: right;
    background: url(../../images/system/home_icon.png) 0 -137px no-repeat
}
.yy_enroll ol li.qq_login .qq:hover {
    float: right;
    background: url(../../images/system/home_icon.png) -98px -138px no-repeat
}
.yy_enroll ol li.think {
    width: 190px;
    height: auto;
    line-height: 20px;
    color: #f00;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 20px 0 0 54px;
}
.list_number {
    width: 70px;
    position: absolute;
    right: 2px;
    bottom: 20px
}
.list_number a {
    width: 8px;
    height: 8px;
    display: block;
    background: url(../../images/system/tab.jpg) no-repeat;
    float: left;
    margin: 0 10px 0 0
}
.list_number .a_out {
    background: url(../../images/system/tab02.jpg) no-repeat
}
.after_login {
    padding: 30px 0 0 0;
    height: 320px
}
.after_login dl {
    width: 320px;
    overflow: hidden
}
.after_login dl dt {
    width: 325px;
    overflow: hidden;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 20px 35px
}
.after_login dl dd {
    width: 165px;
    overflow: hidden;
    float: left;
    margin: 0 0 12px 0
}
.after_login dl dd a {
    color: #06c;
    text-decoration: underline
}
.after_login dl .photo {
    width: 100px;
    height: 130px;
    display: inline;
    margin: 0 20px 0 35px
}
.after_login .wdkj {
    width: 320px;
    height: 40px;
    display: block;
    margin: 28px auto 0;
    background: url(../../images/system/wdkj.jpg) no-repeat
}
.yy_list {
    width: 980px;
    margin: 10px auto 0;
    overflow: hidden;
    background: #FFF
}
.yy_list b {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #5d5d5d;
    font-size: 18px;
    margin: 0 0 0 24px;
    font-family: "微软雅黑";
    font-weight: normal
}
.yy_list .refer {
    width: 980px;
    overflow: hidden
}
.yy_list .refer li {
    float: left;
    margin: 0 3px 0 0;
    overflow: hidden
}
.yy_list .refer .li_01 {
    width: 327px;
    height: 324px;
    position: relative
}
.yy_list .refer .li_03, .yy_list .refer .li_04 {
    width: 160px;
    height: 324px
}
.yy_list .refer .li_01, .yy_list .refer .li_02, .yy_list .refer .li_03, .yy_list .refer .li_04 {
    position: relative
}
.yy_list .refer .show_box, .yy_list .refer .show_box2_01, .yy_list .refer .show_box2_02, .yy_list .refer .show_box3_01, .yy_list .refer .show_box3_02, .yy_list .refer .show_box4_02 {
    width: 327px;
    height: 30px;
    line-height: 30px;
    background: #000;
    background: rgba(0,0,0,0.6);
    filter: alpha(opacity=60);
    position: absolute;
    left: 0;
    bottom: 0
}
.yy_list .refer .show_box font, .yy_list .refer .show_box2_01 font, .yy_list .refer .show_box2_02 font, .yy_list .refer .show_box3_01 font, .yy_list .refer .show_box3_02 font, .yy_list .refer .show_box4_02 font {
    margin: 0 0 0 16px;
    color: #fff
}
.yy_list .refer .li_02 .show_box2_01, .yy_list .refer .li_03 .show_box3_01 {
    position: absolute;
    left: 0;
    bottom: 164px
}
.yy_list .refer .li_02 {
    width: 324px;
    height: 324px
}
.yy_list .refer .li_04 {
    margin-right: 0
}
.city_box {
    width: 298px;
    height: 592px;
    overflow: hidden;
    position: relative
}
.city_list {
    width: 298px;
    height: 592px;
    position: absolute;
    top: 5px;
    left: 0
}
.yy_list .refer .li_04 .box .first a {
    display: block;
    width: 80px;
    height: 40px;
    line-height: 40px;
    float: left;
    background: #ffa3c2;
    text-align: center;
    color: #fff
}
.yy_list .refer .li_04 .box .first a:hover {
    background: #ff89b1
}
.yy_list .refer .li_04 .box .first a.other {
    background: #ff89b1
}
.yy_list .refer .li_04 .box .first a.other:hover {
    background: #f65e8f
}
.yy_list .refer .li_04 .box .last a {
    display: block;
    width: 160px;
    height: 160px;
    padding: 4px 0 0;
    clear: both
}
.yy_content .adress {
    background: url(../../images/system/search.jpg) 30px 20px no-repeat;
    padding: 16px 0 0 52px;
    height: 40px;
    width: auto;
    border-bottom: 1px solid #efefef
}
.yy_content .old_01 .more_oldL .current, .yy_content .adress .old_01 .more_oldL .current, .yy_content .adress .local .select_more li .current, .yy_content .adress .old_01 .more_oldL li:hover, .yy_content .adress .local .select_more li span:hover {
    color: #fe7fa8
}
.adress label {
    float: left;
    height: 24px;
    line-height: 24px
}
.search_sub {
    width: 672px;
    height: 48px;
    line-height: 50px;
    background: url(../../images/system/search_sub.jpg) repeat-x;
    border-bottom: 1px solid #c9cacc
}
.search_sub label, .search_sub select {
    float: left
}
.search_sub label {
    height: 24px;
    line-height: 24px;
    margin: 0 10px
}
.search_sub select {
    width: 78px;
    margin: 3px 0 0 0
}
.search_sub a {
    width: 78px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    display: block;
    float: right;
    line-height: 24px;
    border: 1px solid #4d97ef;
    background: #62a9fe;
    margin: 12px 24px 0 0
}
.yy_content .adress .local {
    background: none repeat scroll 0 0 #fff;
    float: left;
    margin: 0 0 0 8px;
    position: relative
}
.yy_content .adress .local span {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dfdfdf;
    color: #3a3a3a;
    cursor: pointer;
    display: block;
    height: 22px;
    left: 0;
    line-height: 22px;
    padding: 0 0 0 20px;
    position: relative;
    top: 0;
    width: 55px;
    z-index: 5;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}
.yy_content .adress .local em {
    background: url(../../images/system/select.png) no-repeat scroll 0 0 rgba(0,0,0,0);
    height: 4px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 7px;
    z-index: 8
}
.yy_content .adress .local .select_more {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e0e0e0;
    display: none;
    height: 282px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 23px;
    width: 392px;
    z-index: 1
}
.yy_content .adress .local .select_more li {
    border-bottom: 1px solid #e0e0e0;
    margin: 0 21px;
    overflow: hidden;
    padding: 10px 0;
    width: 350px
}
.yy_content .adress .local .select_more li span {
    border: medium none;
    float: left;
    margin-right: 16px;
    padding: 0;
    width: 42px
}
.yy_content .adress .local .select_more li .current {
    color: #fe7fa8
}
.yy_content .adress .local .select_more li .no-margin {
    margin: 0
}
.yy_content .adress .age {
    margin: 0 8px
}
.yy_content .adress .old_01 {
    background: none repeat scroll 0 0 #fff;
    float: left;
    margin: 0 8px;
    position: relative
}
.yy_content .adress .old_01 span {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e0e0e0;
    color: #585858;
    cursor: pointer;
    display: block;
    height: 22px;
    line-height: 22px;
    padding: 0 0 0 20px;
    position: relative;
    width: 55px;
    z-index: 9;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}
.yy_content .adress .old_01 em {
    background: url(../../images/system/select.png) no-repeat scroll 0 0 rgba(0,0,0,0);
    height: 4px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 7px;
    z-index: 10
}
.yy_content .adress .stance {
    margin: 0
}
.yy_content .adress .old_01 .more_oldL {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e0e0e0;
    display: none;
    overflow-y: auto;
    padding: 0 0 0 20px;
    position: absolute;
    top: 22px;
    width: 55px;
    z-index: 8;
    max-height: 186px
}
.yy_content .adress .old_01 .more_oldL li {
    color: #585858;
    cursor: pointer;
    width: auto
}
.yy_content .adress .search_btn {
    background: none repeat scroll 0 0 #ff83ad;
    border: 1px solid #ff76a4;
    border-radius: 5px;
    color: #fff;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 0 0 0 14px;
    padding: 0;
    text-align: center;
    width: 40px
}
.yy_content .adress .search_btn:hover {
    background: none repeat scroll 0 0 #fc6497;
    border: 1px solid #fb6396
}
.yy_content {
    width: 980px;
    margin: 10px auto 0;
    overflow: hidden
}
.yy_search {
    width: 652px;
    height: 636px;
    _height: 719px;
    background: #fff;
    float: left
}
.search_list {
    width: 306px;
    height: 138px;
    margin: 20px 0 25px 20px;
    _margin: 30px 0 25px 20px;
    float: left;
    display: inline
}
.search_list p {
    width: 112px;
    height: 138px;
    float: left;
    display: inline
}
.search_list dl {
    width: 160px;
    float: left;
    margin: 9px 0 0 20px
}
.search_list dl dt {
    font-size: 14px;
    color: #6d6d6d;
    margin: 0 0 10px 0
}
.search_list dl dd {
    height: 22px;
    line-height: 22px;
    color: #969696
}
.search_list dl dd a {
    width: 98px;
    height: 32px;
    line-height: 32px;
    display: block;
    background: url(../../images/system/home_icon.png) no-repeat;
    text-align: center;
    color: #fff;
    margin: 26px 0 0 0
}
.search_list dl dd a:hover {
    background-position: -104px 0
}
.yy_search .more {
    width: 645px;
    height: 54px;
    overflow: hidden
}
.yy_search .more a {
    color: #ff7ca8;
    float: right
}
.search_list.margin_bottom {
    margin-bottom: 0
}
.yy_city {
    width: 322px;
    height: 636px;
    background: #fff url(../../images/system/city_bg.jpg) 41px 0 repeat-y;
    float: right;
    overflow: hidden
}
.yy_city h2 {
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    font-family: "微软雅黑";
    padding: 0 0 0 68px;
    background: url(../../images/system/time.jpg) 30px 12px no-repeat;
    color: #4e4e4e;
    font-weight: normal
}
.city_list_info {
    width: 256px;
    height: 46px;
    background: #f3f3f5;
    border-radius: 22px;
    margin: 0 0 28px 18px;
    cursor: pointer
}
.city_list_info:hover {
    background: #e5e5e5
}
.city_list_info p {
    width: 56px;
    height: 56px;
    border-radius: 56px;
    display: inline;
    float: left;
    position: relative
}
.city_list_info p img {
    border-radius: 56px;
    position: absolute;
    left: 0;
    top: -5px;
    _top: 0
}
.city_list_info dl {
    width: 165px;
    float: left;
    margin: 0 0 0 10px
}
.city_list_info dl dt {
    width: 180px;
    margin: 5px 0 3px;
    _margin: 9px 0 8px;
    overflow: hidden
}
.city_list_info dl dt a {
    font-size: 14px;
    color: #fd84ad
}
.city_list_info dl dt span {
    font-size: 14px;
    margin: 0 0 0 10px
}
.yy_love {
    width: 652px;
    height: 260px;
    float: left;
    margin: 10px 0 0 0;
    overflow: hidden;
    background: #fff
}
.yy_love h2 {
    width: 652px;
    height: 42px;
    line-height: 42px;
    background: #eaeaea;
    font-weight: normal
}
.yy_love h2 span, .yy_media h2 span {
    color: #333;
    margin: 0 0 0 20px;
    font-size: 14px;
    float: left
}
.yy_love h2 a {
    float: right;
    font-weight: normal;
    color: #999;
    line-height: normal;
    margin: 12px 10px 0 0;
    _margin: 14px 20px 0 0
}
.yy_love p {
    width: 186px;
    height: 182px;
    float: left;
    display: inline;
    margin: 20px 0 0 30px
}
.yy_love p.love_p01 {
    margin: 20px 0 0 20px
}
.yy_love p a img {
    margin: 0 0 10px 0
}
.yy_love p a font {
    line-height: 18px;
    display: block;
    width: 186px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.yy_love p a font .black {
    color: #4d4d4d;
    display: block;
    margin: 0 0 4px 0
}
.yy_love p a .promise {
    float: right;
    color: #ff7da9;
    margin: 10px 0 0
}
.yy_media {
    width: 322px;
    height: 260px;
    background: #fff;
    float: right;
    margin: 10px 0 0 0
}
.yy_media h2 {
    width: 322px;
    height: 42px;
    line-height: 42px;
    font-weight: normal;
    font-size: 18px;
    background: #eaeaea
}
.yy_media h2 a {
    float: right;
    font-weight: normal;
    color: #999;
    line-height: normal;
    margin: 12px 10px 0 0;
    *margin: 14px 10px 0 0
}
.yy_media dl {
    overflow: hidden;
    margin: 24px 0 0 18px
}
.yy_media dl dt {
    width: 70px;
    height: 70px;
    float: left;
    margin: 0 12px 0 0
}
.yy_media dl dd {
    width: 184px;
    float: left;
    line-height: 22px
}
.yy_media dl dd .blod {
    font-weight: bold;
    font-size: 14px;
    color: #4e4e4e
}
.yy_media ul {
    overflow: hidden;
    margin: 16px 0 0 7px;
    clear: both
}
.yy_media ul li {
    margin: 0 0 0 10px;
    line-height: 22px;
    background: url(../../images/system/red_trg.png) left center no-repeat;
    padding: 0 0 0 12px
}
.yy_link {
    width: 980px;
    margin: 10px auto 0;
    background: #fff;
    overflow: hidden
}
.yy_link .yy_city_link {
    width: 978px;
    padding: 11px 0 15px 4px;
    overflow: hidden;
    border-bottom: 1px solid #c9cacc
}
.yy_link .yy_city_link a {
    width: 96px;
    text-align: center;
    float: left;
    margin: 8px 0 0 0;
    border-right: 1px solid #ccc;
    color: #999
}
.yy_link .yy_city_link .no_bor {
    border: 0
}
.yy_link .yy_city_link .more, .yy_link_info .more {
    color: #ff7da9
}
.yy_suggest {
    line-height: 23px;
    color: #999;
    padding: 15px 20px;
    overflow: hidden;
    border-bottom: 1px solid #c9cacc
}
.yy_link_info {
    width: 958px;
    padding: 10px 0 15px 20px;
    overflow: hidden
}
.yy_link_info span {
    float: left;
    margin: 5px 10px 0 0;
    font-weight: bold;
    color: #6d6d6d
}
.yy_link_info a {
    color: #999;
    float: left;
    margin: 5px 21px 0 0;
    white-space: nowrap
}
.yy_footer {
    width: 100%;
    height: 208px;
    background: #ededef;
    overflow: hidden;
    margin: 20px 0 0 0;
    border-top: 1px solid #dbdcde
}
.yy_footer_info {
    width: 980px;
    margin: 0 auto;
    position: relative
}
.ID {
    display: none;
    width: 210px;
    position: absolute;
    background-color: white;
    border: 1px solid #333;
    left: 587px;
    top: 25px;
    height: 110px
}
.ID span {
    width: 22px;
    height: 13px;
    display: block;
    position: absolute;
    top: 100px;
    left: 40px
}
.ID h2 {
    font-size: 12px;
    font-weight: normal;
    background: 0;
    width: 181px;
    padding: 0 0 0 13px;
    border: 0;
    height: 30px;
    line-height: 30px;
    margin: 3px 0 0 0
}
.ID h2 font {
    color: #333;
    float: left
}
.ID h2 a {
    width: 9px;
    height: 9px;
    float: right;
    display: block;
    background: url(/resources/v21/skin/images/icon.png) -209px 0 no-repeat;
    margin: 8px 0 0 0
}
.ID img {
    width: 60px;
    height: 60px;
    border: 1px solid #c7c7c7;
    margin: 0 0 0 43px;
    float: left
}
.yy_footer_info ol {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    padding: 20px 0 0 138px
}
.yy_footer_info ol li {
    float: left
}
.yy_footer_info ol li a {
    border-right: 1px solid #999;
    color: #999;
    padding: 0 14px;
    float: left
}
.yy_footer_info ol li .last {
    border: 0
}
.yy_footer_info p {
    width: 980px;
    text-align: center;
    color: #999;
    padding: 18px 0 0 0
}
.yy_footer_info p a {
    margin: 0 0 0 10px
}
.yy_footer_info .footer_renzheng .sm, .yy_footer_info .footer_renzheng .gw {
    background: url(../../images/system/sm_83x30.png) no-repeat;
    display: inline-block;
    height: 30px;
    margin: 0;
    width: 83px
}
.yy_footer_info .footer_renzheng .gw {
    background: url(../../images/system/gw_83x30.png) no-repeat;
    margin: 0 0 0 10px
}
.yy_footer_info .footer_renzheng .sm01, .yy_footer_info .footer_renzheng .gw01 {
    display: block;
    height: 30px;
    margin: 0 10px 0 0;
    width: 83px
}
.yy_footer_info .footer_renzheng a {
    float: left;
    margin: -10px 10px 0 370px
}
.popup {
    z-index: 1010;
    display: none;
    position: fixed !important;
    position: absolute;
    position: fixed
}
#alert.systemPopup, #confirm.systemPopup, #prompt.systemPopup {
    z-index: 2010;
    display: none;
    position: fixed !important;
    position: absolute;
    position: fixed;
    _position: absolute
}
.layer {
    width: 480px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -130px 0 0 -210px;
    padding: 0 0 6px 0
}
.layer_info {
    width: 468px;
    margin: 6px 0 0 6px;
    background: #fff;
    display: block;
    overflow: hidden
}
.layer_info h2 {
    width: 468px;
    height: 42px;
    border-top: 1px solid #fefefe;
    border-bottom: 1px solid #fad0da;
    background: #fee8eb
}
.layer_info h2 span {
    width: 170px;
    height: 42px;
    line-height: 42px;
    font-weight: bold;
    color: #fd788b;
    display: inline;
    float: left;
    margin: 0 0 0 16px
}
.layer_info h2 a {
    width: 14px;
    height: 13px;
    display: block;
    background: url(../../images/system/closed.jpg) no-repeat;
    float: right;
    margin: 15px 15px 0 0
}
.layer_info .sendcg {
    width: 436px;
    padding: 20px 0 0 0;
    margin: 0 auto;
    line-height: 23px
}
.layer_info .opinion {
    width: 468px
}
.layer_info .opinion span {
    width: 453px;
    height: 66px;
    display: block;
    background: #fef3c5;
    border-bottom: 1px solid #f1e0c6;
    padding: 0 0 0 15px;
    overflow: hidden
}
.layer_info .opinion span font {
    width: 453px;
    color: #f00;
    font-weight: bold;
    display: block;
    margin: 15px 0 8px 0
}
.layer_info .opinion span strong {
    font-weight: normal;
    color: #6a8ac3
}
.layer_info .opinion textarea {
    width: 425px;
    height: 112px;
    border: 1px solid #ccc;
    margin: 30px auto 0;
    display: block;
    padding: 8px 8px 0
}
.layer_info .opinion .sure {
    width: 438px;
    border-top: 1px solid #e4e4e4;
    margin: 40px auto 0;
    overflow: hidden;
    padding: 20px 0
}
.layer_info .opinion .sure a {
    width: 114px;
    height: 38px;
    background: url(../../images/system/index-icons.png) -628px -278px no-repeat;
    display: block;
    line-height: 38px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    font-size: 14px
}
.layer_info .opinion .sure a:hover {
    background-position: -628px -316px
}
.layer_exit {
    width: 366px;
    height: 212px;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -180px;
    padding: 0 0 6px 0;
    display: block;
    position: absolute;
    background: #fff;
    z-index: 1020
}
.layer_exit .exit {
    width: 366px;
    padding: 30px 0 0 0
}
.layer_exit .exit h2 {
    width: 366px;
    height: 42px;
    border-top: 1px solid #fefefe;
    border-bottom: 1px solid #fad0da;
    background: #fee8eb
}
.layer_exit .exit h2 span {
    width: 120px;
    height: 42px;
    line-height: 42px;
    font-weight: bold;
    color: #fd788b;
    display: inline;
    float: left;
    margin: 0 0 0 16px
}
.layer_exit .exit h2 a {
    width: 14px;
    height: 13px;
    display: block;
    background: url(../../images/system/closed.jpg) no-repeat;
    float: right;
    margin: 15px 15px 0 0
}
.layer_exit .exit p {
    width: 366px;
    text-align: center;
    line-height: 30px
}
.layer_exit .exit p font {
    color: #f00
}
.layer_exit .sure {
    width: 366px;
    margin: 0 auto 0;
    overflow: hidden;
    padding: 20px 0
}
.layer_exit .exit .sure .yes {
    width: 100px;
    height: 38px;
    background-position: -878px 0;
    color: #fff;
    float: left
}
.layer_exit .exit .sure .yes:hover {
    background-position: -878px -38px
}
.layer_exit .exit .sure a {
    width: 100px;
    height: 38px;
    background: url(../../images/system/index-icons.png) -878px -76px no-repeat;
    color: #ccc;
    float: right;
    display: block;
    line-height: 38px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 14px
}
.layer_exit .exit .sure .sure_box {
    width: 220px;
    margin: 0 auto
}
.layer_exit .exit .sure .cancel {
    color: #666
}
.layer_info .call_mm {
    width: 468px;
    overflow: hidden
}
.layer_info .call_mm dl {
    width: 360px;
    overflow: hidden;
    margin: 40px 0 0 40px
}
.layer_info .call_mm dl dt {
    width: 360px;
    font-size: 14px;
    color: #333;
    float: left;
    margin: 0 0 15px 0
}
.layer_info .call_mm dl dd {
    width: 360px;
    float: left;
    line-height: 33px
}
.layer_info .call_mm dl dd input {
    width: 100px;
    height: 33px;
    line-height: 33px;
    padding: 0 0 0 5px;
    font-family: Verdana;
    font-weight: bold;
    float: left;
    border: 1px solid #bababa;
    margin: 0 10px 0 0
}
.layer_info .call_mm dl dd span {
    width: 85px;
    height: 33px;
    border: 1px solid #bababa;
    float: left
}
.layer_info .call_mm dl dd font {
    float: left;
    margin: 0 10px
}
.layer_info .call_mm dl dd a {
    float: left
}
.layer_info .call_mm2 dl {
    width: 420px;
    overflow: hidden;
    margin: 12px 0 0 9px
}
.layer_info .call_mm2 dl dt {
    width: 69px;
    font-size: 12px;
    color: #666;
    float: left;
    margin: 10px 0 15px 0
}
.layer_info .call_mm2 dl dd {
    width: 420px;
    line-height: 33px
}
.layer_info .call_mm2 dl dd input {
    width: 100px;
    height: 33px;
    line-height: 33px;
    padding: 0 0 0 5px;
    font-family: Verdana;
    font-weight: bold;
    float: left;
    border: 1px solid #bababa;
    margin: 0 10px 0 0
}
.layer_info .call_mm2 dl dd span {
    width: 85px;
    height: 33px;
    padding-right: 10px;
    float: left
}
.layer_info .call_mm2 dl dd font {
    float: left;
    margin: 0 10px
}
.layer_info .call_mm2 dl dd a {
    float: left
}
.layer_info .call_mm .sure, .layer_info .hold01 .sure, .layer_info .hold02 .sure, .layer_info .info_list .sure {
    width: 438px;
    border-top: 1px solid #e4e4e4;
    margin: 30px auto 0;
    overflow: hidden;
    padding: 20px 0
}
.layer_info .call_mm .sure a, .layer_info .hold01 .sure a, .layer_info .hold02 .sure a, .layer_info .info_list .sure a {
    width: 114px;
    height: 38px;
    background: url(../../images/system/index-icons.png) -628px -278px no-repeat;
    display: block;
    line-height: 38px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    font-size: 14px
}
.layer_info .call_mm .sure a:hover, .layer_info .hold01 .sure a:hover, .layer_info .hold02 .sure a:hover, .layer_info .info_list .sure a:hover {
    background-position: -628px -316px
}
.blockUI {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    position: fixed;
    zoom: 1;
    opacity: 0;
    z-index: 1000;
    filter: alpha(opacity=0);
    _position: absolute;
    _width: 2000px;
    _height: 8000px
}
.blockUI_system {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    position: fixed;
    _position: absolute;
    zoom: 1;
    opacity: .5;
    z-index: 2000;
    filter: alpha(opacity=50)
}
#letter_msg {
    width: 402px;
    height: 231px;
    position: fixed;
    z-index: 10;
    _position: absolute;
    bottom: 0;
    right: 0;
    _top: 325px
}
.mail_tip {
    width: 402px;
    height: 231px;
    background: url(../../images/system/mail_tip.jpg) no-repeat;
    position: absolute;
    top: 240px;
    left: 430px;
    cursor: pointer
}
.mail_tip .closed {
    width: 20px;
    height: 20px;
    float: right;
    margin: 18px 19px 0 0;
    display: inline-block
}
.mail_tip .tip_info {
    width: 402px;
    height: 193px;
    overflow: hidden
}
.mail_tip .tip_info dl {
    width: 332px;
    margin: 32px auto 0
}
.mail_tip .tip_info dl dt {
    width: 332px;
    overflow: hidden;
    color: #000;
    margin: 0 0 14px 0
}
.mail_tip .tip_info dl dt span {
    color: #06C
}
.mail_tip .tip_info dl dd {
    width: 350px;
    color: #000;
    overflow: hidden;
    margin: 0 0 10px 0
}
.mail_tip .tip_info dl dd strong {
    color: #000;
    font-weight: normal;
    float: left;
    margin: 13px 0 0 0
}
.mail_tip .tip_info dl dd font {
    color: #f00;
    float: left;
    margin: 0 5px;
    font: bold 25px/40px "Arial, Helvetica, sansss-serif"
}
.mail_tip .tip_info a {
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    background: #e2769a;
    float: right;
    margin: 5px 45px 0 0
}
.mail_tip .tip_info a:hover {
    background: #eb628d
}
